
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Farzon Lotfi
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>LCC 3403 HashMaps Group</title>
<meta name="description" content="Guides to HashMaps" />
<meta name="keywords" content="Hashmaps, tutorials, lectures" />
<meta name="author" content="Farzon, Lotfi" />

<link href="style.css" rel="stylesheet" type="text/css" />

 <script>
    function load()
    {
      document.getElementById('wrap').style.display = 'none';
      document.getElementById('example').style.display = 'none';
      document.getElementById('example2').style.display = 'none';
      document.getElementById('example3').style.display = 'none';
      document.getElementById('example4').style.display = 'none';
      document.getElementById('example5').style.display = 'none';
      document.getElementById('example6').style.display = 'none';
      document.getElementById('example7').style.display = 'none';
    }
</script>

</head>
<script language="javascript" type="text/javascript">
function showHide(shID) {
  if (document.getElementById(shID)) {
    if (document.getElementById(shID+'-show').style.display != 'none') {
      document.getElementById(shID+'-show').style.display = 'none';
      document.getElementById(shID).style.display = 'block';
    }
    else {
      document.getElementById(shID+'-show').style.display = 'inline';
      document.getElementById(shID).style.display = 'none';
    }
  }
}
</script>
<body onload="load()">
<div class="wrapper row1">
  <header id="header" class="clear">
    <hgroup>
      <h1><a href="index.html">HashMaps</a></h1>
      <h2>The Refresher Course</h2>
    </hgroup>
    <nav>
      <ul>
        <li><a href="notes.html">Notes</a></li>
        <li><a href="videos.html">Web Series</a></li>
        <li><a href="demo.html">Demo</a></li>
        <li><a href="questions.html">Interview Questions</a></li>
        <li class="last"><a href="tips.html">Interview Tips</a></li>
      </ul>
    </nav>
  </header>
</div>
<!-- content -->
<div class="wrapper row2">
  <div id="container" class="clear">
    <!-- Slider -->
    <section id="slider" class="clear">
      <figcaption>
          <h2> Web Series</h2>
           <p> To see portions of the video related to specific topics click below.</p>
           <footer class="more0"><a href="#" id="wrap-show" class="showLink" onclick="showHide('wrap');return false;">Show Videos &raquo;</a></footer>
        </figcaption>
      </figure>
    </section>
    
    <div id="wrap" class="more">
    <h1>Web Series</h1>
    
    <p>The Six Essentials<a href="#" id="example-show" class="showLink" onclick="showHide('example');return false;">See Video.</a></p>
    <div id="example" class="more">
      <p style="width: 310px;"><iframe width="600" height="300" src="http://www.youtube.com/embed/SwYuukKsdJ0?start=0&end=49" frameborder="0" allowfullscreen></iframe>
      <p><a href="#" id="example-hide" class="hideLink" onclick="showHide('example');return false;">Hide this video.</a></p>
    </div>
    
    
    <p>Disadvantages<a href="#" id="example2-show" class="showLink" onclick="showHide('example2');return false;">See Video.</a></p>
    <div id="example2" class="more">
      <p style="width: 310px;"><iframe width="600" height="300" src="http://www.youtube.com/embed/SwYuukKsdJ0?start=429&end=487" frameborder="0" allowfullscreen></iframe></p>
      <p><a href="#" id="example2-hide" class="hideLink" onclick="showHide('example2');return false;"><br>Hide this content.</a></p>
    </div>
    
    <p>External Chaining Example<a href="#" id="example3-show" class="showLink" onclick="showHide('example3');return false;">See Video.</a></p>
    <div id="example3" class="more">
      <p style="width: 310px;"><iframe width="600" height="300" src="http://www.youtube.com/embed/SwYuukKsdJ0?start=51&end=427" frameborder="0" allowfullscreen></iframe></p>
      <p><a href="#" id="example3-hide" class="hideLink" onclick="showHide('example3');return false;"><br>Hide this content.</a></p>
    </div>
    
     <p>Linear Probing Example<a href="#" id="example4-show" class="showLink" onclick="showHide('example4');return false;">See Video.</a></p>
    <div id="example4" class="more">
      <p style="width: 310px;"><iframe width="600" height="300" src="http://www.youtube.com/embed/SwYuukKsdJ0?start=488&end=715" frameborder="0" allowfullscreen></iframe></p>
      <p><a href="#" id="example4-hide" class="hideLink" onclick="showHide('example4');return false;"><br>Hide this content.</a></p>
    </div>
    
    <p>Example that uses data with separate keys and values<a href="#" id="example5-show" class="showLink" onclick="showHide('example5');return false;">See Video.</a></p>
    <div id="example5" class="more">
      <p style="width: 310px;"><iframe width="600" height="300" src="http://www.youtube.com/embed/SwYuukKsdJ0?start=717&end=1056" frameborder="0" allowfullscreen></iframe></p>
      <p><a href="#" id="example5-hide" class="hideLink" onclick="showHide('example5');return false;"><br>Hide this content.</a></p>
    </div>
    
    <p><a href="#" id="wrap-hide" class="hideLink" onclick="showHide('wrap');return false;">Hide Videos.</a></p>
  </div>
    

</div>
<!-- Footer -->
<div class="wrapper row3">
  <footer id="footer" class="clear">
    <p class="fl_left">Copyright &copy; 2012 - All Rights Reserved </p>
  </footer>
</div>
 <script type="application/dart" src="web/start.dart"></script>
 <script src="https://dart.googlecode.com/svn/branches/bleeding_edge/dart/client/dart.js"></script>
</body>

</html>
